<template>
	<div>
		<div id="top">
			<el-row style="padding: 30px;top:50%;left:25%;">
				<el-col :span="100">
					<el-input v-model="input" placeholder="请输入搜索内容" style="width: 400px;"></el-input>
				</el-col>
				<el-col style="margin-left: 10px;" :span="30">
					<el-button type="info" icon="el-icon-search">搜索</el-button>
				</el-col>
			</el-row>
			<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#2CC3CF" text-color="#fff" active-text-color="#ffd04b" router="true">
				<el-menu-item>全部商品分类</el-menu-item>
				<el-menu-item index="/views/ShouYe">首页</el-menu-item>
				<el-menu-item index="/views/Goods">新药特药进口药</el-menu-item>
				<el-menu-item index="/views/Slow">慢性疾病</el-menu-item>
				<el-menu-item index="/views/Common">常见疾病</el-menu-item>
		
				<div id="login" style="padding: 10px;position: absolute;right: 0px;">
<!--					<el-avatar icon="el-icon-user-solid" :size="28"></el-avatar>-->
					<el-button v-on:click="Login" icon="el-icon-user-solid" :size="26"></el-button>
				</div>
			</el-menu>
		</div>
	</div>
</template>

<script>
	export default {
		name: "Top",
		data(){
			return{
			}
		},
		methods:{
			Login(){
				console.log("点击了")
				this.$router.push("/Logins/Login")
			}
		}
	}
</script>

<style>
</style>
